<template>
  <div class="body">
    <div class="logo">
      <img class="logoimg" src="@/assets/img/logo.png" alt="" />
      <div class="logotitle">
        <span>南山里管理平台</span>
      </div>
    </div>
    <el-menu default-active="1-1" class="el-menu-vertical-demo" @open="handleOpen" @close="handleClose"
      :collapse="isCollapse" router background-color="#001529" 
      text-align= "left"
      text-color="#fff" active-text-color="#ffd04b">
      <el-submenu index="1">
        <template slot="title">
          <i class="el-icon-location"></i>
          <span slot="title">动态管理</span>
        </template>
        <el-menu-item-group>
          <el-menu-item index="/Home/DynamicList">动态列表</el-menu-item>
        </el-menu-item-group>
      </el-submenu>

      <el-submenu index="2">
        <template slot="title">
          <i class="el-icon-location"></i>
          <span slot="title">广播管理</span>
        </template>
        <el-menu-item-group>
          <el-menu-item index="/Home/RadioList">广播列表</el-menu-item>
        </el-menu-item-group>
        <el-menu-item-group>
          <!-- <el-menu-item index="/Home/BroadcastType">广播类型</el-menu-item> -->
        </el-menu-item-group>
      </el-submenu>

      <el-submenu index="3">
        <template slot="title">
          <i class="el-icon-location"></i>
          <span slot="title">评论管理</span>
        </template>
        <el-menu-item-group>
          <el-menu-item index="/Home/CommentList">评论列表</el-menu-item>
        </el-menu-item-group>
      </el-submenu>

      <el-submenu index="4">
        <template slot="title">
          <i class="el-icon-location"></i>
          <span slot="title">直播管理</span>
        </template>
        <el-menu-item-group>
          <el-menu-item index="/Home/LiveList">直播列表</el-menu-item>
        </el-menu-item-group>
      </el-submenu>

      <el-submenu index="5">
        <template slot="title">
          <i class="el-icon-location"></i>
          <span slot="title">活动管理</span>
        </template>
        <el-menu-item-group>
          <el-menu-item index="/Home/ActivityList">活动列表</el-menu-item>
        </el-menu-item-group>
        <el-menu-item-group>
          <el-menu-item index="/Home/Judge">活动列表（评委）</el-menu-item>
        </el-menu-item-group>
      </el-submenu>

      <el-submenu index="6">
        <template slot="title">
          <i class="el-icon-location"></i>
          <span slot="title">用户管理</span>
        </template>
        <el-menu-item-group>
          <el-menu-item index="/Home/UserAdmin">马甲用户管理员</el-menu-item>
        </el-menu-item-group>
        <el-menu-item-group>
          <el-menu-item index="/Home/UserList">马甲用户列表</el-menu-item>
        </el-menu-item-group>
        <el-menu-item-group>
          <el-menu-item index="/Home/User">用户列表</el-menu-item>
        </el-menu-item-group>
        <el-menu-item-group>
          <el-menu-item index="/Home/Audit">认证审核</el-menu-item>
        </el-menu-item-group>
      </el-submenu>

      <el-submenu index="7">
        <template slot="title">
          <i class="el-icon-location"></i>
          <span slot="title">订单管理</span>
        </template>
        <el-menu-item-group>
          <el-menu-item index="/Home/Order">活动订单</el-menu-item>
        </el-menu-item-group>
        <el-menu-item-group>
          <el-menu-item index="/Home/Mallorders">商城订单</el-menu-item>
        </el-menu-item-group>
      </el-submenu>

      <el-submenu index="8">
        <template slot="title">
          <i class="el-icon-location"></i>
          <span slot="title">商城管理</span>
        </template>
        <el-menu-item-group>
          <el-menu-item index="/Home/StoreList">商城列表</el-menu-item>
        </el-menu-item-group>
      </el-submenu>

      <el-submenu index="9">
        <template slot="title">
          <i class="el-icon-location"></i>
          <span slot="title">消息管理</span>
        </template>
        <!-- <el-menu-item-group>
          <el-menu-item index="9-1">消息模板</el-menu-item>
        </el-menu-item-group> -->
        <el-menu-item-group>
          <el-menu-item index="/Home/Msgpush">消息推送</el-menu-item>
        </el-menu-item-group>
      </el-submenu>
      <el-submenu index=" financial-manage">
        <template slot="title">
          <i class="el-icon-location"></i>
          <span slot="title">财务管理</span>
        </template>

        <el-menu-item-group>
          <el-menu-item index="/Home/FinancialList">充值列表</el-menu-item>

          <el-menu-item index="/Home/WithdrawList">提现列表</el-menu-item>
        </el-menu-item-group>
      </el-submenu>
      <!-- <el-submenu index="10">
        <template slot="title">
          <i class="el-icon-location"></i>
          <span slot="title">钱包管理</span>
        </template>
        <el-menu-item-group>
          <el-menu-item index="/Home/FinancialList">充值列表</el-menu-item>
          <el-menu-item index="/Home/WithdrawList">提现列表</el-menu-item>
        </el-menu-item-group>
      </el-submenu> -->
      <el-submenu index="11">
        <template slot="title">
          <i class="el-icon-location"></i>
          <span slot="title">banner管理</span>
        </template>
        <el-menu-item-group>
          <el-menu-item index="/Home/Banner">banner列表</el-menu-item>
        </el-menu-item-group>
      </el-submenu>
      <el-submenu index="12">
        <template slot="title">
          <i class="el-icon-location"></i>
          <span slot="title">举报管理</span>
        </template>
        <el-menu-item-group>
          <el-menu-item index="/Home/Report">举报管理</el-menu-item>
        </el-menu-item-group>
      </el-submenu>
      <el-submenu index="OperationLog">
        <template slot="title">
          <i class="el-icon-location"></i>
          <span slot="title">操作日志</span>
        </template>
        <el-menu-item-group>
          <el-menu-item index="/Home/OperationLog">操作日志</el-menu-item>
        </el-menu-item-group>
      </el-submenu>
      

      <el-submenu index="14">
        <template slot="title">
          <i class="el-icon-location"></i>
          <span slot="title">权限管理</span>
        </template>
        <el-menu-item-group>
          <el-menu-item index="Profile">个人中心</el-menu-item>
        </el-menu-item-group>
        <el-menu-item-group>
          <el-menu-item index="RoleList">角色管理</el-menu-item>
        </el-menu-item-group>
        <el-menu-item-group>
          <el-menu-item index="EmployeesList">员工列表</el-menu-item>
        </el-menu-item-group>


      </el-submenu>

        <el-submenu index="AdvertisingList">
        <template slot="title">
          <i class="el-icon-location"></i>
          <span slot="title">广告管理</span>
        </template>
        <el-menu-item-group>
          <el-menu-item index="/Home/AdvertisingList">广告管理</el-menu-item>
        </el-menu-item-group>
      </el-submenu>
       <el-submenu index="ProblemList">
        <template slot="title">
          <i class="el-icon-location"></i>
          <span slot="title">问题反馈管理</span>
        </template>
        <el-menu-item-group>
          <el-menu-item index="/Home/ProblemList">问题反馈管理</el-menu-item>
        </el-menu-item-group>
      </el-submenu>

    
      <el-submenu index="15">
        <template slot="title">
          <i class="el-icon-location"></i>
          <span slot="title">系统设置</span>
        </template>
        <el-menu-item-group>
          <el-menu-item index="/Home/ShareSetting">分享模板</el-menu-item>
        </el-menu-item-group>
        <el-menu-item-group>
          <el-menu-item index="/Home/GiftSetting">礼物设置</el-menu-item>
        </el-menu-item-group>
        <el-menu-item-group>
          <el-menu-item index="/Home/TaskSetting">任务设置</el-menu-item>
        </el-menu-item-group>

        <el-menu-item-group>
          <el-menu-item index="/Home/ReportTypeManage">举报类型管理</el-menu-item>
        </el-menu-item-group>
        <el-menu-item-group>
          <el-menu-item index="/Home/QuestionTypeManage">问题类型管理</el-menu-item>
        </el-menu-item-group>
        <el-menu-item-group>

          <el-menu-item index="/Home/HotSearchSetting">热搜设置</el-menu-item>
        </el-menu-item-group>
        <el-menu-item-group>
          <el-menu-item index="/Home/RechargeSetting">充值套餐设置</el-menu-item>
        </el-menu-item-group>
        <el-menu-item-group>
          <el-menu-item index="/Home/StartPageSetting">启动页设置</el-menu-item>
        </el-menu-item-group>

        <el-menu-item-group>
          <el-menu-item index="/Home/LabelSetting">标签分类设置</el-menu-item>
        </el-menu-item-group>

        <el-menu-item-group>
          <el-menu-item index="/Home/MallLabelSetting">商城标签分类设置</el-menu-item>
        </el-menu-item-group>
        <el-menu-item-group>
          <el-menu-item index="/Home/RadioLabelSetting">广播分类设置</el-menu-item>
        </el-menu-item-group>

        <el-menu-item-group>
          <el-menu-item index="/Home/SignInSetting">签到设置</el-menu-item>
        </el-menu-item-group>
        <el-menu-item-group>
          <el-menu-item index="/Home/OtherSetting">其他设置</el-menu-item>
        </el-menu-item-group>
        <el-menu-item-group>
          <el-menu-item index="/Home/UserAgreement">用户协议</el-menu-item>
        </el-menu-item-group>
        <el-menu-item-group>
          <el-menu-item index="/Home/PrivacyPolicy">隐私政策</el-menu-item>
        </el-menu-item-group>
        <el-menu-item-group>
          <el-menu-item index="/Home/VersionSetting">版本管理</el-menu-item>
        </el-menu-item-group>
      </el-submenu>
    
 <el-submenu index="CouponCancellate">
        <template slot="title">
          <i class="el-icon-location"></i>
          <span slot="title">优惠券核销</span>
        </template>
        <el-menu-item-group>
          <el-menu-item index="/Home/CouponCancellate">优惠券核销</el-menu-item>
        </el-menu-item-group>
      </el-submenu>

      
    </el-menu>
  </div>
</template>
<script>
  export default {
    data() {
      return {
        isCollapse: false,
      };
    },
    methods: {
      handleOpen(key, keyPath) {
        console.log(key, keyPath);
      },
      handleClose(key, keyPath) {
        console.log(key, keyPath);
      },
    },
  };
</script>

<style scoped lang="scss">
.body{
  height: 100vh;
}
  .logo {
    height: 65px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #00284d;
    color: #fff;

    .logotitle {
      //   height: 200px;
      width: 145px;

    }
  }

  .logoimg {
    height: 44px;
    width: 44px;

    border-radius: 50%;
    margin-right: 20px;

    img {
      height: 44px;
      width: 44px;
      border-radius: 50%;
    }
  }
 /deep/ .el-submenu__title * {
  width: 11px;
    margin-right: 0px;
    vertical-align: middle;
    font-size: 14px;
    margin-left: -78px;
        display: inline-block;
    width: 56px;
}
/deep/.el-submenu [class^=el-icon-] {
    vertical-align: middle;
    margin-right: 105px;
    width: 24px;
    text-align: center;
    font-size: 18px;
}
</style>